
{% if  MODE  == "page" then %}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>console.case</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/metro/3.0.17/css/metro-icons.min.css" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/metro/3.0.17/css/metro-schemes.min.css" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/metro/3.0.17/css/metro.min.css" />
    <!--<base href="https://cdn2.game550.cn/" />-->
  </head>  
  <body>
{% end %}




<div class="fluent-menu" data-role="fluentmenu">
    <ul class="tabs-holder">
        <li class="special"> <a href="javascript:void(0)">  apollox-lua</a></li>
        <li class="active"><a href="#tab_home">File</a></li>
    </ul>
    <script>
      function gotoMainWeb() {
          window.open("https://gitee.com/openn2o/apolloxlua")
      }
      
      function gotoDocument() {
          window.open("https://gitee.com/openn2o/apolloxlua/wikis/pages")
      }
      
      var BaseURL = "https://cdn2.game550.cn/";
       
    
    </script>
    <div class="tabs-content">
        <div class="tab-panel" id="tab_home" style="display: block;">
            <div class="tab-panel-group">
                <div class="tab-group-content">
                     <div class="tab-content-segment">
                        <button class="fluent-big-button" onclick="gotoMainWeb()">
                            <span class="icon mif-home"></span>
                            <span class="label">blog</span>
                        </button>
                    </div>
                    
                    <div class="tab-content-segment" onclick="gotoDocument()">
                        <button class="fluent-big-button">
                            <span class="mif-file-code"></span>
                            <span class="label">document</span>
                        </button>
                    </div>
                    
                    <button class="fluent-big-button" id ="run">
                        <span class="icon mif-cogs"></span>
                        runcode
                    </button>
                   
                    <button class="fluent-big-button" id ="raw">
                        <span class="icon mif-embed2"></span>
                        view code
                    </button>
                    
                    <button class="fluent-big-button" id ="savecode">
                        <span class="icon mif-file-archive"></span>
                        save code
                    </button>
                </div>
                <div class="tab-group-caption">edit</div>
            </div>
    </div>
</div>

  <div class="grid">
     <div class="row cells6">
        <div class="cell colspan4">
            <pre id="editor" style="width:100%;height: 400px;">
            </pre>
        </div>
                    
        <div class="cell colspan2" id="caseContainer"></div>
    </div>
</div>
<div class="panel">
    <div class="heading">
    </div>
</div>

<div data-role="charm" data-position="bottom" id="console" style="background: #0072c6;">
    <div class="numeric-list square-marker" style="padding:15px;width: 95%; overflow-y: auto;  height: 200px;" id="logger">
    </div>
</div>

<div data-role="dialog" id="dialog3" data-close-button="true" >
    <div class="window-caption">
        <span class="window-caption-icon"><span class="mif-file-binary"></span></span>
        <span class="window-caption-title" id="embedCodeTitle"></span>
        <span class="btn-close"></span>
    </div>
    <pre id="editor3" style="width:30rem;height:30rem;">
    </pre>
</div>
{% if  MODE  == "page" then %}
    <script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/metro/3.0.17/js/metro.min.js"></script>
    <script src="https://cdn.bootcss.com/ace/1.3.3/ace.js"></script>
    <script src="https://cdn.bootcss.com/ace/1.3.3/mode-javascript.js"></script>
    <script src="https://cdn.bootcss.com/ace/1.3.3/theme-xcode.js"></script>
    <script src="https://cdn2.game550.cn/lua.vm.js"></script>
    <script src="https://cdn.bootcss.com/ace/1.3.3/mode-lua.js"></script>
    {% if DEBUG then %}
	<script src="apolloxlua.console.js"></script>
	{% else %}
	<script src="https://cdn2.game550.cn/apolloxlua.console.js"></script>
	{% end %}
	

  </body>
</html>    
{% end %}